<template>
	<view @click="$emit('handle')" class="search-nav cu-bar search">
		<view class="search-form ">
			<text class="cuIcon-search text-bold text-orange"></text>
			<input class="margin-left" disabled :adjust-position="false" type="text" placeholder="搜索书架绘本"
				confirm-type="search"></input>
		</view>
	</view>
</template>

<style lang="scss">
	.search-nav {
		>view {
			border: 2upx solid $theme-color;
			border-radius: 18upx;

			text {
				position: relative;

				&::after {
					display: block;
					content: '';
					position: absolute;
					right: -20upx;
					top: 25%;
					height: 50%;
					width: 2upx;
					background-color: $theme-color;
				}
			}
		}
	}
</style>